<template>
	<view>
		<view>
			<image class="img_xq" src="../../static/images/ymy/A14/Image_myvic.png"></image>
		</view>
		<view class="img_bt">
			<image class="img_tb" src="../../static/icons/lx/Image_aodi2x.png"></image>
			<text>大众奥迪-A6L新能源</text>
			<butt class="img_button">删除车型</butt>
		</view>
		<view class="img_zt">
			<view class="zt_box">
				<view class="img_h3">车辆状态</view>
				<image class="img_cd" src="../../static/icons/ymy/icon_bj.png"></image>
				<view class="img_tx">预计续航</view>
			</view>
			<view>
				<image class="img_dl"></image>
			</view>
			<view class="text_sj">
				<view>
					<view class="text_xbt">上次保养时间</view>
					<view class="text_rq">2021-2-15</view>
				</view>
				<viw class="text_zx"></viw>
				<view>
					<view class="text_xbt">预计下次保养时间</view>
					<view class="text_rq">2021-6-15</view>
				</view>
			</view>
			<view class="text_hx"></view>
			<view>
				<text class="text_xj"></text>
			</view>
		</view>
		<vew class="text_xx">
			<view class="text_bt">车辆信息</view>
			<view class="text_box">
				<text>发动机排量</text>
				<text>1.6L</text>
			</view>
			<view class="text_box">
				<text>公里数</text>
				<text>5000km</text>
			</view>
			<view class="text_box">
				<text>注册时间</text>
				<text>2020-1-10</text>
			</view>
			<view class="text.zx"></view>
			<view class="text_box">
				<text>生产年份</text>
				<text>2016年</text>
			</view>
			<view class="text_box">
				<text>款型</text>
				<text>2016款 1.6L 手动 舒适型</text>
			</view>
		</vew>
		<view class="button_box">

			<navigator class="text_button">
				<image class="button_img" src="../../static/icons/ymy/icon_add.png"></image>
				<text class="button_text">添加爱车</text>
			</navigator>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.img_xq {
		width: 694rpx;
		height: 214rpx;
		margin: 20rpx 30rpx;
		background-color: #ffffff;
		box-shadow: 0rpx 6rpx 12rpx 0rpx #ededed;
		border-radius: 20rpx;
	}

	.img_bt {
		width: 690rpx;
		height: 130rpx;
		background-color: #ffffff;
		box-shadow: 0rpx 6rpx 12rpx 0rpx #ededed;
		border-radius: 20rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin: 0rpx 30rpx;
		font-weight: bold;
	}

	.img_tb {
		width: 100rpx;
		height: 100rpx;
	}

	.img_button {
		width: 128rpx;
		height: 44rpx;
		border-radius: 22rpx;
		border: solid 2rpx #f5610c;
		font-family: PingFang SC;
		font-size: 20rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 28rpx;
		letter-spacing: 0rpx;
		color: #f5610c;
		text-align: center;
		line-height: 44rpx;
	}

	.img_zt {
		width: 690rpx;
		height: 354rpx;
		box-sizing: border-box;
		background-color: #ffffff;
		box-shadow: 0rpx 6rpx 12rpx 0rpx #e1e1e1;
		border-radius: 20rpx;
		margin: 20rpx 30rpx;
		padding: 20rpx 40rpx;
	}

	.zt_box {
		display: flex;
		align-items: center;
	}

	.img_h3 {
		width: 128rpx;
		height: 44rpx;
		font-family: PingFang SC;
		font-size: 32rpx;
		font-weight: bold;
		font-stretch: normal;
		line-height: 44rpx;
		letter-spacing: 0rpx;
		color: #363636;
	}

	.img_cd {
		width: 40rpx;
		height: 40rpx;
	}

	.img_tx {
		width: 148rpx;
		height: 28rpx;
		font-family: PingFang SC;
		font-size: 20rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 28rpx;
		letter-spacing: 0rpx;
		color: #e91414;
	}

	.img_dl {
		width: 478rpx;
		height: 62rpx;
		border-radius: 32rpx;
		border: solid 2rpx #f5610c;
		margin: 20rpx 0;
	}

	.text_sj {
		height: 64rpx;
		display: flex;
		align-items: center;
	}

	.text_zx {
		width: 0rpx;
		height: 52rpx;
		margin: 0 40rpx;
		border: solid 1rpx #e0e0e0;
	}

	.text_xbt {
		width: 144rpx;
		height: 26rpx;
		font-family: PingFang SC;
		font-size: 18rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 26rpx;
		letter-spacing: 0rpx;
		color: #c6c6c6;
	}

	.text_rq {
		width: 128rpx;
		height: 34rpx;
		font-family: PingFang SC;
		font-size: 24rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 34rpx;
		letter-spacing: 0rpx;
		color: #f5610c;
	}

	.text_hx {
		width: 590rpx;
		height: 0rpx;
		border: solid 1rpx #dadada;
		margin: 20rpx 0;
	}

	.text_xj {
		width: 492rpx;
		height: 56rpx;
		font-family: PingFang SC;
		font-size: 20rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 28rpx;
		letter-spacing: 0rpx;
		color: #8d8d8d;
	}

	.text_xx {
		display: block;
		width: 690rpx;
		height: 342rpx;
		background-color: #ffffff;
		box-shadow: 0rpx 6rpx 12rpx 0rpx #ededed;
		border-radius: 20rpx;
		margin: 20rpx 30rpx;
		box-sizing: border-box;
		padding: 20rpx 40rpx;
	}
	.button_box{
		width: 750rpx;
		position: fixed;
		bottom: 0;
	}

	.text_button {
		width: 590rpx;
		height: 96rpx;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #f5610c;
		border-radius: 64rpx;
		font-family: PingFang SC;
		font-size: 36rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 50rpx;
		letter-spacing: 0rpx;
		color: #ffffff;
		line-height: 96rpx;
	}

	.text_box {
		display: flex;
		justify-content: space-between;
		font-family: PingFang SC;
		font-size: 24rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 34rpx;
		letter-spacing: 0rpx;
		color: #535353;
		padding: 10rpx 0;
	}

	.text.zx {
		width: 602rpx;
		height: 0rpx;
		border: solid 1rpx #dadada;
	}

	.button_img {
		width: 44rpx;
		height: 44rpx;
	}

	.button_text {
		width: 144rpx;
		height: 50rpx;
		font-family: PingFang SC;
		font-size: 36rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 50rpx;
		letter-spacing: 0rpx;
		color: #ffffff;
	}
</style>
